<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>meeting_add</title>
    <link rel="stylesheet" href="css/element.css">
    <script src="js/vue.min.js"></script>
    <script src="js/element.js"></script>
</head>
<body>
<div id="box">
    <div><h1>发布会议</h1></div>
    <!--    标题-->
    <div><span style="margin-left: 50px">标题</span>
        <el-input style="width: 1200px;margin-left: 20px" v-model="input" placeholder="会议标题"></el-input>
    </div>
    <!--    部门-->
    <div style="margin-top: 20px">
        <span style="margin-left: 50px">部门</span>
        <template>
            <el-select v-model="value" placeholder="请选择部门" style="margin-left: 20px">
                <el-option
                        v-for="item in options"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>
        </template>
    </div>
    <!--    抄送人-->
    <div style="margin-top: 20px">
        <span style="margin-left: 35px">抄送人</span>
        <template>
            <el-select v-model="value01" multiple placeholder="请选择抄送人" style="margin-left: 20px">
                <el-option
                        v-for="item in options01"
                        :key="item.value"
                        :label="item.label"
                        :value="item.value">
                </el-option>
            </el-select>
        </template>
    </div>
    <!--    开始时间-->
    <div style="margin-top: 20px">
        <template>
            <div class="block" style="margin-top: 20px">
                <span class="demonstration" style="margin-left: 20px">开始时间</span>
                <el-date-picker
                        style="margin-left: 20px"
                        v-model="value1"
                        type="date"
                        placeholder="选择日期">
                </el-date-picker>
            </div>
            <!--            结束时间-->
            <div class="block" style="margin-top: 20px">
                <span class="demonstration" style="margin-left: 20px">结束时间</span>
                <el-date-picker
                        style="margin-left: 20px"
                        v-model="value2"
                        align="right"
                        type="date"
                        placeholder="选择日期"
                        :picker-options="pickerOptions">
                </el-date-picker>
            </div>
        </template>
    </div>
    <!--    会议内容-->
    <div style="margin-top: 20px">
        <span style="margin-left: 20px">
            会议内容
        </span>
        <el-input
                style="margin-left: 20px;width: 1200px"
                type="textarea"
                :rows="6"
                placeholder=""
                v-model="textarea">
        </el-input>
    </div>
    <!--    按钮-->
    <div style="margin-top: 20px;text-align: center">
        <el-button @click="re">清空</el-button>
        <el-button type="primary" @click="re">发布</el-button>
    </div>

</div>
<script src="js/meeting_add.js"></script>
</body>
</html>